<%@page contentType="text/html; charset=UTF-8" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE HTML>
<html>
	<head>
		<title>河南引越电子商务</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="keywords" content="" />
		<!-- css files -->
		<link href="${pageContext.request.contextPath}/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" />
		<link href="${pageContext.request.contextPath}/css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" />
		<link href="${pageContext.request.contextPath}/css/jQuery.lightninBox.css" rel="stylesheet" type="text/css" media="all" />
		<link href="${pageContext.request.contextPath}/css/team.css" rel="stylesheet" type="text/css" media="all" />
		<link href="${pageContext.request.contextPath}/css/portfolio.css" rel="stylesheet" type="text/css" media="all" />
		<link href="${pageContext.request.contextPath}/css/services.css" rel="stylesheet" type="text/css" media="all" />
		<link href="${pageContext.request.contextPath}/css/pogo-slider.min.css" rel="stylesheet" type="text/css" media="all" />
		<link href="${pageContext.request.contextPath}/css/nav.css" rel="stylesheet" type="text/css" media="all" />
		<link href="${pageContext.request.contextPath}/css/aos.css" rel="stylesheet" type="text/css" media="all" />
		<link href="${pageContext.request.contextPath}/css/style.css" rel="stylesheet" type="text/css" media="all" />
		<!-- /css files -->
		<!-- fonts -->
		<link href="http://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900" rel="stylesheet">
		<link href="http://fonts.googleapis.com/css?family=Poiret+One" rel="stylesheet">
		<link href="${pageContext.request.contextPath}/css/font-awesome.min.css" media="all" rel="stylesheet" type="text/css">
		<!-- fonts -->
		<!-- js files -->
		<script src="${pageContext.request.contextPath}/js/modernizr.js"></script>
		<!-- /js files -->
	</head>
	<body>
		<!-- banner section -->
		<section class="banner-w3ls">
			<div class="logo-w3ls">
				<a href="index.html">
					<h1>引越商城</h1>
				</a>
			</div>
			<div class="navigation-w3ls">
				<button id="trigger-overlay" type="button"><i class="fa fa-bars" aria-hidden="true"></i></button>
				<div class="overlay overlay-door">
					<button type="button" class="overlay-close">Close</button>
					<nav>
						<ul>
							<li><a href="index.html" class="page-scroll">官网首页</a></li>
							<li><a href="#about" class="page-scroll">关于我们</a></li>
							<li><a href="#service" class="page-scroll">产品下载</a></li>
							<li><a href="#portfolio" class="page-scroll">经营范围</a></li>
							<li><a href="#contact" class="page-scroll">联系我们</a></li>
						</ul>
					</nav>
				</div>
			</div>
			<div class="pogoSlider" id="js-main-slider">
				<div class="pogoSlider-slide" data-transition="verticalSlide" data-duration="2000" style="background-image:url(images/evm-img/ZhuYe1.jpg);">
					<div class="pogoSlider-slide-element">
						<div class="container">
							<h3>互联网+手机数码购物平台</h3>
							<p>互联网+手机数码购物平台互联网+手机数码购物平台</p>
							<ul class="banner-agileits">
								<li><a href="#readmore0" class="link-w3l1" data-toggle="modal">了解更多</a></li>
								<li><a href="#contact" class="link-w3l2 page-scroll">联系我们</a></li>
							</ul>
							<a href="#about" class="btn btn-circle page-scroll">
								<i class="fa fa-angle-double-down animated"></i>
							</a>
						</div>
					</div>
				</div>
				<div class="pogoSlider-slide " data-transition="verticalSlide" data-duration="2000" style="background-image:url(images/evm-img/aaa.jpg);">
					<div class="pogoSlider-slide-element">
						<div class="container">
							<h3>提供多平台服务</h3>
							<p>提供多平台服务提供多平台服务提供多平台服务</p>
							<ul class="banner-agileits">
								<li><a href="#readmore1" class="link-w3l1" data-toggle="modal">了解更多</a></li>
								<li><a href="#contact" class="link-w3l2 page-scroll">联系我们</a></li>
							</ul>
							<a href="#about" class="btn btn-circle page-scroll">
								<i class="fa fa-angle-double-down animated"></i>
							</a>
						</div>
					</div>
				</div>
				<div class="pogoSlider-slide " data-transition="verticalSlide" data-duration="2000" style="background-image:url(images/cps/bank3.png)">
					<div class="pogoSlider-slide-element">
						<div class="container">
							<h3>优化供应链优化供应链优化供应链</h3>
							<p>优化供应链</p>
							<ul class="banner-agileits">
								<li><a href="#readmore2" class="link-w3l1" data-toggle="modal">了解更多</a></li>
								<li><a href="#contact" class="link-w3l2 page-scroll">联系我们</a></li>
							</ul>
							<a href="#about" class="btn btn-circle page-scroll">
								<i class="fa fa-angle-double-down animated"></i>
							</a>
						</div>
					</div>
				</div>
				<div class="pogoSlider-slide " data-transition="verticalSlide" data-duration="2000" style="background-image:url(images/cps/bank4.jpg)">
					<div class="pogoSlider-slide-element">
						<div class="container">
							<h3>品质精良，国品正行！</h3>
							<p>品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！</p>
							<ul class="banner-agileits">
								<li><a href="#readmore3" class="link-w3l1" data-toggle="modal">了解更多</a></li>
								<li><a href="#contact" class="link-w3l2 page-scroll">联系我们</a></li>
							</ul>
							<a href="#about" class="btn btn-circle page-scroll">
								<i class="fa fa-angle-double-down animated"></i>
							</a>
						</div>
					</div>
				</div>
			</div><!-- .pogoSlider -->
			<div class="modal fade" id="readmore0" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true">
				<div class="modal-dialog modal-lg">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
							<h4 class="modal-title">品质精良，国品正行！1</h4>
						</div>
						<div class="modal-body">
							<div class="col-lg-6 col-md-6 col-sm-12">
								<img class="img-responsive team-agile" src="images/blog-img1-1.jpg" alt="">
							</div>
							<div class="col-lg-6 col-md-6 col-sm-12">
								<p>品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！</p>
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
						</div>
					</div><!-- /.modal-content -->
				</div><!-- /.modal-dialog -->
			</div><!-- /.modal -->
			<div class="modal fade" id="readmore1" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true">
				<div class="modal-dialog modal-lg">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
							<h4 class="modal-title">品质精良，国品正行！2</h4>
						</div>
						<div class="modal-body">
							<div class="col-lg-6 col-md-6 col-sm-12">
								<img class="img-responsive team-agile" src="images/blog-img1-1.jpg" alt="">
							</div>
							<div class="col-lg-6 col-md-6 col-sm-12">
								<p>品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！</p>
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">返回</button>
						</div>
					</div><!-- /.modal-content -->
				</div><!-- /.modal-dialog -->
			</div><!-- /.modal -->
			<div class="modal fade" id="readmore2" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true">
				<div class="modal-dialog modal-lg">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
							<h4 class="modal-title">品质精良，国品正行！3</h4>
						</div>
						<div class="modal-body">
							<div class="col-lg-6 col-md-6 col-sm-12">
								<img class="img-responsive team-agile" src="images/blog-img1-1.jpg" alt="">
							</div>
							<div class="col-lg-6 col-md-6 col-sm-12">
								<p>品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！</p>
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
						</div>
					</div><!-- /.modal-content -->
				</div><!-- /.modal-dialog -->
			</div><!-- /.modal -->
			<div class="modal fade" id="readmore3" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true">
				<div class="modal-dialog modal-lg">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
							<h4 class="modal-title">品质精良，国品正行！4</h4>
						</div>
						<div class="modal-body">
							<div class="col-lg-6 col-md-6 col-sm-12">
								<img class="img-responsive team-agile" src="images/blog-img1-1.jpg" alt="">
							</div>
							<div class="col-lg-6 col-md-6 col-sm-12">
								<p>品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！品质精良，国品正行！</p>
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">返回</button>
						</div>
					</div><!-- /.modal-content -->
				</div><!-- /.modal-dialog -->
			</div><!-- /.modal -->
			<!-- <div class="modal fade" id="read2" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true">
				<div class="modal-dialog modal-lg">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
							<h4 class="modal-title">Lorem ipsum dolor sit amet</h4>
						</div>
						<div class="modal-body">
							<div class="col-lg-6 col-md-6 col-sm-12">
								<img class="img-responsive team-agile" src="images/blog-img1-1.jpg" alt="">
							</div>
							<div class="col-lg-6 col-md-6 col-sm-12">
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas elementum interdum aliquet. Nam eleifend
									ac augue in aliquet. Maecenas ac molestie mi. Nam tincidunt pretium dolor, eu placerat elit. Duis nec luctus
									dolor. Ut a diam metus. Aenean fringilla purus enim, non pharetra eros blandit in. Suspendisse tellus quam,
									vestibulum vel urna vitae, sagittis consectetur dui.asdfasdfasdfasdf </p>
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
						</div>
					</div><!-- /.modal-content -->
				</div><!-- /.modal-dialog -->
			</div><!-- /.modal -->
			<!-- <div class = "prcode-wrap">
				<div class="code down">
					"下载app"<br>
					"士大夫首发式发生"
				</div>
				<div class="code wechat">
					"下载app"<br>
					"士大夫首发式发生"
				</div>
			</div> -->
		</section>
		<!-- /banner section -->
		<!-- about section -->
		<section class="about-w3l" id="about" data-aos="zoom-in">
			<div class="container">
				<div class="col-lg-6 col-md-6 col-sm-12">
					<h2>公司简介</h2>
					<p>公司专注于手机通讯产品，通过互联网专用技术，获得全方位网络新模式下云推广，布局“下一代互联网产业集群”，发展移动互联网、应用服务和电子商务等领域。重建手机支付平台和终端，支持以手机为载体、集新闻资讯、娱乐视听、广告发布等内容于一体的网台互动新媒体建设等；基于自身电子信息产业的深厚资源积累，围绕“科技创新。技术应用”，奠定电子商务手机通讯龙头，并发展同时面向行业、区域、企业几消费者的第三方交易平台。</p>
				</div>
				<div class="col-lg-6 col-md-6 col-sm-12">
					<img src="images/evm-img/2_2.jpg" alt="" class="img-responsive" />
				</div>
		</section>
		<section class="about-w3l" id="about" data-aos="zoom-in">
			<div class="container">
				<div class="col-lg-6 col-md-6 col-sm-12">
					<img src="images/evm-img/2_1.jpg" alt="" class="img-responsive" />
				</div>
				<div class="col-lg-6 col-md-6 col-sm-12">
					<h2>手配商城简介</h2>
					<p>手配电子商城是以手机及数码电子为主体的电商集结商城，深入发展互联产业大环境下，通过资源优化配制行业得到新型整合，并深化供应链的管理制定长久的战略同盟，实现商城商品质优价美的目标，为广大客户提供物美价廉购物平台。</p>
				</div>
			</div>
		</section>
		<!-- /about section -->
		<!-- services section -->
		<section class="service-w3l jarallax" id="service" > 
			<div class="container">
				<h3 class="text-center">产品下载</h3>
				<span class="fa fa-star-o" aria-hidden="true"></span>
				<div class="col-lg-4 col-md-4 col-sm-12 serv-agileinfo1">
					<div class="col-lg-12 col-md-12 col-sm-6 serv-wthree1" data-aos="zoom-in">
						<ul class="ch-grid">
							<li>
								<div class="ch-item">
									<div class="ch-info">
										<div class="ch-info-front ch-img-1"></div>
										<div class="ch-info-back  evm-img-1">
											<!-- <img src="images/evm-img/GongZhongHao.jpg" /> -->
											<!-- <h5>Affluence</h5>
									<p>Best In Services</p> -->
										</div>
									</div>
								</div>
							</li>
						</ul>
						<h4 class="text-center">手配商城小程序</h4>
						<p class="text-center">扫码进入手配商城小程序</p>
						
					</div>
					<div class="col-lg-12 col-md-12 col-sm-6 serv-wthree2" data-aos="zoom-in">
						<ul class="ch-grid">
							<li>
								<div class="ch-item">
									<div class="ch-info">
										<div class="ch-info-front ch-img-2"></div>
										<div class="ch-info-back evm-img-2">
											<!-- <h5>Affluence</h5>
									<p>Best In Services</p> -->
										</div>
									</div>
								</div>
							</li>
						</ul>
						<h4 class="text-center">手配商城官方APP</h4>
						<p class="text-center">扫码下载手配商城客户端</p>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="col-lg-4 col-md-4 col-sm-6 serv-agileinfo2">
					<div class="col-lg-12 col-md-12 col-sm-6 serv-wthree4" data-aos="zoom-in">
						<ul class="ch-grid">
							<li>
								<div class="ch-item">
									<div class="ch-info">
										<div class="ch-info-front ch-img-3"></div>
										<div class="ch-info-back evm-img-3">
											<!-- <h5>Affluence</h5>
									<p>Best In Services</p> -->
										</div>
									</div>
								</div>
							</li>
						</ul>
						<h4 class="text-center">web端</h4>
						<p class="text-center">pc网页版方便您的使用</p>
						
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="col-lg-4 col-md-4 col-sm-6 serv-agileinfo3">
					<div class="col-lg-12 col-md-12 col-sm-6 serv-wthree6" data-aos="zoom-in">
						<ul class="ch-grid">
							<li>
								<div class="ch-item">
									<div class="ch-info">
										<div class="ch-info-front ch-img-4"></div>
										<div class="ch-info-back  evm-img-4">
											<!-- <h5>Affluence</h5>
									<p>Best In Services</p> -->
										</div>
									</div>
								</div>
							</li>
						</ul>
						<h4 class="text-center">手配商城公众号</h4>
						<p class="text-center">扫码关注手配商城公众号</p>
						
					</div>
					<div class="col-lg-12 col-md-12 col-sm-6 serv-wthree5" data-aos="zoom-in">
						<ul class="ch-grid">
							<li>
								<div class="ch-item">
									<div class="ch-info">
										<div class="ch-info-front ch-img-5"></div>
										<div class="ch-info-back evm-img-5">
											<!-- <h5>Affluence</h5>
									<p>Best In Services</p> -->
										</div>
									</div>
								</div>
							</li>
						</ul>
						<h4 class="text-center">手配商城商家端</h4>
						<p class="text-center">扫码下载手配商城商家</p>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="clearfix"></div>
			</div>
		</section>
		<div class="tlinks">Collect from <a href="http://www.cssmoban.com/">网页模板</a></div>
		<!-- /services section -->
		<!-- portfolio section -->
		<section class="portfolio-agileinfo" id="portfolio">
			<div class="container">
				<h3 class="text-center">经营范围</h3>
				<span class="fa fa-star-o" aria-hidden="true"></span>
				<div id="grid-gallery" class="grid-gallery">
					<section class="grid-wrap">
						<ul class="grid">
							<li class="grid-sizer"></li><!-- for Masonry column width -->
							<li data-aos="zoom-in">
								<figure>
									<img src="images/cps/cp6.jpg" 
									" alt="img01" class="img-responsive" />
								</figure>
							</li>
							<li data-aos="zoom-in">
								<figure>
									<img src="images/cps/cp5.jpg" 
									" alt="img01" class="img-responsive" />
								</figure>
							</li>
							<li data-aos="zoom-in">
								<figure>
									<img src="images/cps/cp1.jpg" 
									" alt="img01" class="img-responsive" />
								</figure>
							</li>
							<li data-aos="zoom-in">
								<figure>
									<img src="images/cps/cp2.jpg" 
									" alt="img01" class="img-responsive" />
								</figure>
							</li>
							<li data-aos="zoom-in">
								<figure>
									<img src="images/cps/cp4.jpg" 
									" alt="img01" class="img-responsive" />
								</figure>
							</li>
							<li data-aos="zoom-in">
								<figure>
									<img src="images/cps/cp3.jpg" 
									" alt="img01" class="img-responsive" />
								</figure>
							</li>
						</ul>
					</section><!-- // grid-wrap -->
					<section class="slideshow">
						<ul>
							<li>
								<figure>
									<figcaption>
										<h3>—电脑专区—</h3>
										<p>电脑办公电脑办公电脑办公电脑办公电脑办公电脑办公电脑办公电脑办公电脑办公电脑办公电脑办公电脑办公电脑办公电脑办公电脑办公电脑办公电脑办公电脑办公电脑办公电脑办公电脑办公电脑办公电脑办公电脑办公电脑办公电脑办公电脑办公电脑办公</p>
									</figcaption>
									<img src="images/cps/cp6.jpg"  alt="img01" class="img-responsive" />
								</figure>
							</li>
							<li>
								<figure>
									<figcaption>
										<h3>手机专区</h3>
										<p> 手机专区手机专区手机专区手机专区手机专区手机专区手机专区手机专区手机专区手机专区手机专区手机专区手机专区手机专区手机专区手机专区</p>
									</figcaption>
									<img src="images/cps/cp5.jpg" alt="img02" class="img-responsive" />
								</figure>
							</li>
							<li>
								<figure>
									<figcaption>
										<h3>平板专区</h3>
										<p>平板专区平板专区平板专区平板专区平板专区平板专区平板专区平板专区平板专区平板专区平板专区平板专区平板专区平板专区平板专区平板专区平板专区平板专区平板专区平板专区</p>
									</figcaption>
									<img src="images/cps/cp1.jpg" alt="img03" class="img-responsive" />
								</figure>
							</li>
							<li>
								<figure>
									<figcaption>
										<h3>配件专区</h3>
										<p>配件专区配件专区配件专区配件专区配件专区配件专区配件专区配件专区配件专区配件专区配件专区配件专区配件专区配件专区配件专区</p>
									</figcaption>
									<img src="images/cps/cp2.jpg" alt="img04" class="img-responsive" />
								</figure>
							</li>
							<li>
								<figure>
									<figcaption>
										<h3>耳机专区</h3>
										<p> 耳机专区耳机专区耳机专区耳机专区耳机专区耳机专区耳机专区耳机专区耳机专区耳机专区耳机专区耳机专区耳机专区耳机专区耳机专区耳机专区耳机专区耳机专区耳机专区耳机专区 </p>
									</figcaption>
									<img src="images/cps/cp4.jpg" alt="img05" class="img-responsive" />
								</figure>
							</li>
							<li>
								<figure>
									<figcaption>
										<h3>办公专区</h3>
										<p>办公专区办公专区办公专区办公专区办公专区办公专区办公专区办公专区办公专区办公专区办公专区办公专区办公专区办公专区办公专区办公专区办公专区办公专区办公专区办公专区办公专区办公专区 </p>
									</figcaption>
									<img src="images/cps/cp3.jpg" alt="img06" class="img-responsive" />
								</figure>
							</li>
							
						
						</ul>
						<nav>
							<span class="icon nav-prev"></span>
							<span class="icon nav-next"></span>
							<span class="icon nav-close"></span>
						</nav>
					</section><!-- // slideshow -->
				</div><!-- // grid-gallery -->
			</div>
		</section>
		<!-- /portfolio section -->


		<!-- map -->
		<!---<div class="map" data-aos="zoom-in">
	<iframe class="googlemaps" src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d380510.6741687111!2d-88.01234121699822!3d41.83390417061058!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sin!4v1455598377120" style="border:0" allowfullscreen></iframe>
</div>--->
		<!-- /map -->
		<!-- contact section -->
		<section class="contact-w3layouts jarallax" id="contact">
			<div class="container">
				<h3 class="text-center">联系我们</h3>
				<span class="fa fa-star-o" aria-hidden="true"></span>
				<div class="col-lg-5 col-md-5 col-sm-12" data-aos="zoom-in">
					<p class="contact-p1">引越商城为您提供准确、丰富、全面的通讯产品的报价、资讯、导购等信息</p>
					<ul class="contact-w3ls">
						<li>
							<i class="fa fa-map-marker" aria-hidden="true"></i>
							<p>中国 安阳 凯旋大厦888号</p>
						</li>
						<li>
							<i class="fa fa-mobile" aria-hidden="true"></i>
							<p>0372-8888888</p>
						</li>
						<li>
							<i class="fa fa-envelope-o" aria-hidden="true"></i>
							<p><a href="mailto:support@company.com">mail@example.com</a></p>
						</li>
					</ul>
				</div>
				<div class="col-lg-7 col-md-7 col-sm-12" data-aos="zoom-in">
					<form action="${pageContext.request.contextPath }/front/add.do" method="post" onSubmit="return beforeSubmit(this);">
						<div class="col-lg-6 col-md-6 col-sm-6">
							<div class="control-group form-group">
								<div class="controls">
									<label>姓名:</label>
									<input name="name" type="text" class="form-control" id="name" required data-validation-required-message="Please enter your name.">
									<p class="help-block"></p>
								</div>
							</div>
						</div>
						<div class="col-lg-6 col-md-6 col-sm-6">
							<div class="control-group form-group">
								<div class="controls">
									<label>电话:</label>
									<input name="email" type="text" class="form-control" id="email" required data-validation-required-message="Please enter your email address.">
								</div>
							</div>
						</div>
						<div class="clearfix"></div>
						<div class="col-lg-12 col-md-12 col-sm-12">
							<div class="control-group form-group">
								<div class="controls">
									<label>意向:</label>
									<textarea name="message" rows="10" cols="100" class="form-control" id="message" required
									 data-validation-required-message="Please enter your message" maxlength="999" style="resize:none"></textarea>
								</div>
							</div>
						</div>
						<div id="success"></div>
						<!-- For success/fail messages -->
						<div class="col-lg-12 col-md-12 col-sm-12">
							<button type="submit" class="btn btn-primary">确认加入</button>
						</div>
						<div class="clearfix"></div>
					</form>
				</div>
				<div class="clearfix"></div>
			</div>
		</section>
		<!-- /contact section -->

		<!-- copyright section -->
		<div class="copright-w3">
			<div class="container">
				<div class="col-lg-6 col-md-6 col-sm-6">
					<ul class="link-w3l cl-effect-21">
						<li><a href="#service" class="page-scroll">产品下载</a></li>
						<li><a href="#portfolio" class="page-scroll">经营范围</a></li>

					</ul>
				</div>
				<div class="col-lg-6 col-md-6 col-sm-6">
					<p class="copyright">引领时代潮流&copy;超越成就梦想<a href="http://www.cssmoban.com/" target="_blank" title=""></a> <a href="#"
						 title="电话" target="_blank">服务热线：4006037258</a></p>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
		<!-- /copyright section -->
		<!-- back to top -->
		<a href="#0" class="cd-top">Top</a>
		<!-- /back to top -->
		<!-- js files -->
		<script src="js/jquery.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/smoothscroll.js"></script>
		<script src='js/aos.js'></script>
		<script src="js/lazyload.js"></script>
		<script src="js/jquery.easing.min.js"></script>
		<script src="js/grayscale.js"></script>
		<script src="js/jarallax.js"></script>
		<script type="text/javascript">
			$('.jarallax').jarallax({
				speed: 0.5,
				imgWidth: 1680,
				imgHeight: 925
			})
		</script>
		<!-- js for back to top -->
		<script src="js/main2.js"></script>
		<!-- /js for back to top -->
		<!-- js for footer -->
		<script src="js/jQuery.lightninBox.js"></script>
		<script type="text/javascript">
			$(".lightninBox").lightninBox();
		</script>
		<!-- /js for footer -->
		<!-- js for portfolio -->
		<script src="js/imagesloaded.pkgd.min.js"></script>
		<script src="js/masonry.pkgd.min.js"></script>
		<script src="js/classie2.js"></script>
		<script src="js/cbpGridGallery.js"></script>
		<script>
			new CBPGridGallery(document.getElementById('grid-gallery'));
		</script>
		<!-- /js for portfolio -->
		<!-- js for about section -->
		<script type="text/javascript" src="js/jquery.slide.js"></script>
		<script type="text/javascript">
			$('#slideshow-banner').slide({
				cdTime: 5000,
				controllerLeftButton: "images/left.png",
				controllerRightButton: "images/right.png"
			});
		</script>
		<!-- /js for about section -->
		<!-- js for banner -->
		<script src="${pageContext.request.contextPath}/js/jquery.pogo-slider.min.js"></script>
		<script src="${pageContext.request.contextPath}/js/main.js"></script>
		<!-- /js for banner -->
		<!-- js for navigation -->
		<script src="${pageContext.request.contextPath}/js/classie.js"></script>
		<script src="${pageContext.request.contextPath}/js/demo1.js"></script>
		<!-- /js for navigation -->

		<!-- /js files -->
		<script src="${pageContext.request.contextPath}/js/submit.js"></script>
	</body>
</html>
